<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<title>驴妈妈统计系统</title>
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/font-awesome/4.5.0/css/font-awesome.min.css" />
		<!-- page specific plugin styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/jquery.gritter.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/fonts.googleapis.com.css" />
		<!-- ace styles -->
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-skins.min.css" />
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/ace-rtl.min.css" />
		
		<link rel="stylesheet" href="${request.contextPath}/static/stylesheets/daterangepicker.css">
		<script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script>
	</head>

	<body class="no-skin" style="background-color: #FFF;">
		<div class="page-content" style="padding: 2px 2px 0px;">
		  <div class="tabbable">
			<div class="tab-content">
				<div id="manage" class="tab-pane active in">
					<!-- 筛选条件开始 -->
					<div class="row">
						<div class="col-sm-12">
							<div class="widget-box">
								<div class="widget-header">
									<h4 class="widget-title lighter">
										<i class="ace-icon fa"></i>IP列表
									</h4>
								</div>
								<div class="widget-body" style="background-color: #EFF3F8;">
									<div class="widget-main">
									<form class="form-inline" id="searchForm" method="post" action="${request.contextPath}/background/IPList">
										<input type="hidden" id="_csrf" name="${_csrf.parameterName}" value="${_csrf.token}"/><!-- 框架原因，所有post请求必须加这行代码 -->
										<div class="form-group">
											<label for="exampleInputName2">IP状态&nbsp;&nbsp;
												<select name="iPOffOnVO" id="iPOffOnVO" aria-controls="dynamic-table" class="form-control input-sm" style="width: 80px;height:34px">
                                                          <#list offOnTypeList as offOnType>
                                                             <#if iPListConditionVO.iPOffOnVO ==offOnType.value >
													    <option value="${offOnType.value}" selected>${offOnType.showName}</option>
													   <#else>
													   <option value="${offOnType.value}">${offOnType.showName}</option>
													   </#if>
													</#list>
												</select>
											</label>
											<label for="exampleInputName" style="margin-left: 30px;">
												ip地址&nbsp;&nbsp;<input class="form-control" type="text" id="config-demo" name="iPVO" placeholder="IP地址" value="${iPListConditionVO.iPVO}"/>
											</label>
											<button id="search" type="button" class="btn btn-pink btn-sm"  style="margin-left: 50px;">
												<span class="ace-icon fa fa-search icon-on-right bigger-110"></span> 查询
											</button>
										</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 筛选条件结束 -->
				    <!-- tab开始 -->
					<div class="row">
						 <div class="col-sm-12">
							<div class=" widget-box" style="border:none;">
									<table id="dynamic-table" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dynamic-table_info">
										<thead>
											<tr>
												<th>IP</th>
												<th>端口号</th>
												<th>IP类型</th>
												<th>IP位置</th>
												<th>是否可用</th>
												<th>匿名度</th>
												<th>响应时间</th>
											</tr>
										</thead>
										<tbody>
											<#if iPVOList?? && iPVOList?size&gt;0>
												<#list iPVOList as iPVO>
													<tr class="">
														<td>${iPVO.ip!}</td>
														<td>${iPVO.ip_port!}</td>
														<td>${iPVO.ip_type!}</td>
														<td>${iPVO.ip_addr!}</td>
														<td><#if iPVO.available=1>有效</#if>
														<#if iPVO.available=0>无效</#if></td>
														<td>${iPVO.anonymity!}</td>
														<td>${iPVO.response_speed!}</td>
													</tr>
												</#list>
											<#else>
												<tr>
													<td colspan="12">
														<div class="alert alert-danger" style="margin-bottom: 0px;" role="alert">没有记录!</div>
													</td>
												</tr>
											</#if>
										</tbody>
									</table>
									 <#include "/paginator.html">
								</div>
							 </div>
						</div>
					</div>
				   <!-- tab结束-->
				</div>
		    </div>
		</div>
		
	<!-- 
		<div class="page-content">
			<div class="row">
				<div class="col-sm-12">
					<div class="tabbable">
						<ul class="nav nav-tabs padding-12 tab-color-blue background-blue" id="myTab4">
							<li class="active">
								<a data-toggle="tab" href="#pvuv">IP列表</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane in active" id="pvuv">
								<div id="dynamic-table_wrapper" class="dataTables_wrapper form-inline no-footer">
									<div class="row">
										<form class="form-inline" id="searchForm" method="post" action="${request.contextPath}/background/IPList">
											<input type="hidden" id="_csrf" name="${_csrf.parameterName}" value="${_csrf.token}"/>框架原因，所有post请求必须加这行代码
											<div class="col-xs-2">
												<div class="dataTables_length">
													<label>IP状态
														<select name="iPOffOnVO" id="iPOffOnVO" aria-controls="dynamic-table" class="form-control input-sm" style="width: 80px;height:34px">
                                                            <#list offOnTypeList as offOnType>
                                                               <#if iPListConditionVO.iPOffOnVO ==offOnType.value >
															    <option value="${offOnType.value}" selected>${offOnType.showName}</option>
															   <#else>
															   <option value="${offOnType.value}">${offOnType.showName}</option>
															   </#if>
															</#list>
														</select>
														
													</label>
												</div>
											</div>
											<div class="col-xs-2 col-sm-3">
												<div class="dataTables_length">
													<label>ip
														<input class="form-control" type="text" id="config-demo" name="iPVO" placeholder="IP地址" value="${iPListConditionVO.iPVO}"/>
													</label>
												</div>
											</div>
											<div class="col-xs-3 col-sm-3">
												<div class="dataTables_length">
													<button type="submit" class="btn btn-pink btn-sm">
														<span class="ace-icon fa fa-search icon-on-right bigger-110"></span>
														查询
													</button>
												</div>
											</div>
										</form>

									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div> -->
		<!-- basic scripts -->
		<!-- <script src="${request.contextPath}/static/assets/js/jquery-2.1.4.min.js"></script> -->
		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${request.contextPath}/static/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<script type="text/javascript" src="${request.contextPath}/static/javascripts/moment.js"></script>
	   	<script type="text/javascript" src="${request.contextPath}/static/javascripts/daterangepicker.js"></script>
		<!-- ace scripts -->
		<script src="${request.contextPath}/static/assets/js/jquery.gritter.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${request.contextPath}/static/assets/js/ace.min.js"></script>
		<!-- user scripts -->
		<script src="${request.contextPath}/static/assets/js/user/base.js"></script>
		<link rel="stylesheet" href="${request.contextPath}/static/assets/css/bsie-paginator.css" />
		
		<script type="text/javascript">
			
		</script>
	</body>
</html>